
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml">

	<ui:define name="body">
		<h:form prependId="false" id="form">
			<p:toolbar  >
				<p:toolbarGroup align="left">

					<p:commandButton  title="Cancelar" value="Cancelar" onclick="confirmation.show()"
						type="button" immediate="true" ajax="false" />

					<p:dialog style="position: absolute; left:50px; top:50px;" message="#{messages['label.confirm.delete']}" showEffect="bounce" hideEffect="explode"
						header="#{messages['label.dialog.alert']}!" severity="alert" widgetVar="confirmation">

						<h:commandButton value="#{messages['button.dialog.yes']}" action="#{pedidoCancelamentoMB.deleteSelection}"
							actionListener="#{pedidoCancelamentoMB.clear}" />
						<h:commandButton value="#{messages['button.dialog.no']}" onclick="confirmation.hide()" type="button" />
					</p:dialog>
				</p:toolbarGroup>
			</p:toolbar>

			<br />
		
			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="#{messages['filtrar']}" toggleable="true" toggleSpeed="500">	
				<h:panelGrid columns="2">
				
					<h:outputLabel value="#{messages['pedido.label.id']}: " for="usuario" styleClass="text-input" />
					<h:panelGrid columns="2">
						<h:inputText   onkeypress="if (event.keyCode == 13) { return false; }" id="idPedido" value="#{pedidoCancelamentoMB.idPedido}"  size="10" maxlength="10" />
						<p:message for="idPedido" />
					</h:panelGrid>

					<h:outputLabel value="#{messages['pedido.label.usuario']}: " for="usuario" styleClass="text-input" />
					<h:panelGrid columns="2">
						<h:selectOneMenu value="#{pedidoCancelamentoMB.usuario}" id="usuario" style="width: 350px;"
							title="#{messages['pedido.label.usuario']}"
>
							<f:selectItem itemLabel="Selecione" itemValue="" />
	 						<f:selectItems value="#{pedidoCancelamentoMB.usuarios}"></f:selectItems>
						</h:selectOneMenu>
						<p:message for="usuario" />
					</h:panelGrid>

					<h:outputLabel value="#{messages['pedido.label.cliente']}: " for="cliente" styleClass="text-input" />
					<h:panelGrid columns="2">
						<h:selectOneMenu value="#{pedidoCancelamentoMB.cliente}" id="cliente" style="width: 350px;"
							title="#{messages['pedido.label.cliente']}"
>
							<f:selectItem itemLabel="Selecione" itemValue="" />
	 						<f:selectItems value="#{pedidoCancelamentoMB.clientes}"></f:selectItems>
						</h:selectOneMenu>
						<p:message for="cliente" />
					</h:panelGrid>

					<h:outputLabel value="#{messages['pedido.label.statusPedido']}: " for="statusPedido" styleClass="text-input" />
					<h:panelGrid columns="2">
						<h:selectOneMenu value="#{pedidoCancelamentoMB.statusPedido}" id="statusPedido" style="width: 150px;"
							title="#{messages['pedido.label.statusPedido']}" >
							<f:selectItem itemLabel="Selecione" itemValue="" />
	 						<f:selectItems value="#{pedidoCancelamentoMB.statusPedidos}"></f:selectItems>
						</h:selectOneMenu>
						<p:message for="statusPedido" />
					</h:panelGrid>

					<h:outputLabel value="#{messages['pedido.label.dataCadastro']}: " for="dataCadastroInicial" styleClass="text-input" />
					<h:panelGrid columns="5">
						<p:calendar id="dataCadastroInicial" value="#{pedidoCancelamentoMB.dataCadastroInicial}"  
						   	pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   	locale="#{currentLocale}" title="#{messages['pedido.alt.dataCadastro']}" />
						<p:message for="dataCadastroInicial" />

						<h:outputLabel value=" a " for="dataCadastroFinal" styleClass="text-input" />
						<p:calendar id="dataCadastroFinal" value="#{pedidoCancelamentoMB.dataCadastroFinal}"  
						   	pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   	locale="#{currentLocale}" title="#{messages['pedido.alt.dataCadastroFinal']}" />
						<p:message for="dataCadastroFinal" />
					</h:panelGrid>

					<h:outputLabel value="#{messages['pedido.label.dataEntrega']}: " for="dataEntregaInicial" styleClass="text-input" />
					<h:panelGrid columns="5">
						<p:calendar id="dataEntregaInicial" value="#{pedidoCancelamentoMB.dataEntregaInicial}"  
						   	pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   	locale="#{currentLocale}" title="#{messages['pedido.alt.dataEntrega']}" />
						<p:message for="dataEntregaInicial" />

						<h:outputLabel value=" a " for="dataEntregaFinal" styleClass="text-input" />
						<p:calendar id="dataEntregaFinal" value="#{pedidoCancelamentoMB.dataEntregaFinal}"  
						   	pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   	locale="#{currentLocale}" title="#{messages['pedido.alt.dataEntrega']}" />
						<p:message for="dataEntregaFinal" />
					</h:panelGrid>

				</h:panelGrid>

			    <h:commandButton value="#{messages['button.pesquisar']}" action="#{pedidoCancelamentoMB.filtrar}" actionListener="#{pedidoCancelamentoMB.filtrar}" ajax="false" >
		    		<f:ajax execute="list" render="list" />
		    	</h:commandButton>

			</p:fieldset>

			<br />
			<div style="overflow: auto; width: 100%; height: 600;"> <p:dataTable id="list" var="bean" value="#{pedidoCancelamentoMB.resultList}">
				<p:column style="width:1%;">
					<h:selectBooleanCheckbox value="#{pedidoCancelamentoMB.selection[bean.id]}"></h:selectBooleanCheckbox>
				</p:column>
				
				<p:column style="width:5%;font-size:12;" sortBy="#{bean.id}">
					<f:facet name="header">#{messages['pedido.label.id']}</f:facet>
					<h:outputText value="#{bean.id}" />
				</p:column>

				<p:column style="font-size:12;" sortBy="#{bean.cliente}">
					<f:facet name="header">#{messages['pedido.label.cliente']}</f:facet>
						<h:outputText value="#{bean.cliente.nome}" />
				</p:column>

				<p:column style="font-size:12;" sortBy="#{bean.usuario}">
					<f:facet name="header">#{messages['pedido.label.usuario']}</f:facet>
						<h:outputText value="#{bean.usuario.nome}" />
				</p:column>
						
				<p:column style="font-size:12;" sortBy="#{bean.dataCadastro}">
					<f:facet name="header">#{messages['pedido.label.dataCadastro']}</f:facet>
						<h:outputText value="#{bean.dataCadastro}"  converter="dateConverter"  />
				</p:column>
						
				<p:column style="font-size:12;" sortBy="#{bean.dataEntrega}">
					<f:facet name="header">#{messages['pedido.label.dataEntrega']}</f:facet>
						<h:outputText value="#{bean.dataEntrega}"  converter="dateConverter"  />
						<h:outputText value=" - "  />
						<h:outputText value="#{bean.hora}"  />
						<h:outputText value=":"  />
						<h:outputText value="#{bean.minuto}"  />
				</p:column>

				<p:column style="font-size:12;" sortBy="#{bean.statusPedido}">
					<f:facet name="header">#{messages['pedido.label.statusPedido']}</f:facet>
						<h:outputText value="#{bean.statusPedido.descricao}" />
				</p:column>

				<p:column style="font-size:12;" sortBy="#{bean.valorTotalPedido}">
					<f:facet name="header">#{messages['pedido.label.valorTotalPedido']}</f:facet>
						<h:outputText value="#{bean.valorTotalPedido}"  converter="bigDecimalConversor"  />
				</p:column>
				<p:column style="font-size:12;width:50" width="50" sortBy="#{bean.observacao}">
					<f:facet name="header">#{messages['pedido.label.observacao']}</f:facet>
						<h:outputText value="#{bean.observacao}"/>
				</p:column>
						
			</p:dataTable></div>
			
		</h:form>

	</ui:define>
</ui:composition>